<%-- 
    Document   : ajaxAll
    Created on : Dec 16, 2013, 12:26:47 AM
    Author     : Evgeniy Grigorevskiy
--%>



<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link type="text/css" rel="stylesheet" href="css/main.css" />
        <link rel="icon" href="img/logotypeForTitle.png" type="image/x-icon" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="js/myscript.js"></script>
        <title> | AJAX</title>
    </head>
    <body>
        <div id="wrapper">

            <div id="logOut">
                <div class="meetingUser"> Hello, <span id="UserFirstNameToMeet">user2change</span>!</div>
                <div>
                    <a href="#"><img id="logOutButton" src="img/signOut.png" /></a>
                </div>
            </div>

            <div id="loginBack">
                <div class="social">
                    <label for="username">USERNAME </label>
                    <input type="text" id="username" name="userName" value="" />
                </div>
                <div class="social">
                    <label for="pass">PASSWORD </label>
                    <input type="password" id="pass" name="userName" value="" />
                </div>

                <div class="social">
                    <a href="https://graph.facebook.com/oauth/authorize?client_id=496353843797019&redirect_uri=http://localhost:8080/Social_Library/Facebook&scope=email,user_birthday" class="socialLogoFirst"><img id="fb" class="socialLogo" src="img/fb.png"/></a>
                    <a href="#"><img  class="socialLogo" id="tw" src="img/tw.png"/></a>
                    <a href="https://oauth.vk.com/authorize?client_id=4039026&redirect_uri=http://localhost:8081/Social_Library/Vk&response_type=code"><img  class="socialLogo" id="vk" src="img/vk.png"/></a>
                    <a href="https://accounts.google.com/o/oauth2/auth?redirect_uri=http://localhost:8080/Social_Library/GooglePlus&response_type=code&client_id=1039543450442-ivng6gddcsp44fidhus8svdd5uj09vgj.apps.googleusercontent.com&scope=https://www.googleapis.com/auth/userinfo.email+https://www.googleapis.com/auth/userinfo.profile"><img  class="socialLogo" id="gPlus"src="img/gPlus.png"/></a>
                </div>

                <div class="signInButton">
                    <a href="#"><img src="img/signIn.png"/></a>
                </div>
                <div class="clear"></div>
            </div>

            <div class="guestTopMenu">
                <ul>
                    <li class="navigation"><a href="#" id="addBookButtonMain">ADD BOOK</a></li>
                    <li class="navigation"><a href="#" id="registrationButton">REGISTRATION</a> </li>
                </ul>
                <div class="clear"></div>
            </div>

            <div class="beginnerTopMenu">
                <ul>
                    <li class="navigation"><a href="#" id="addBookButtonMain">ADD BOOK</a></li>
                    <li class="navigation"><a href="#" id="publishBookButton">PUBLISH BOOK</a> </li>
                    <li class="navigation"><a href="#" id="deleteBookButton">DELETE BOOK</a> </li>
                    <li class="navigation"><a href="#">PROFILE</a> 
                        <ul class="paddingList">
                            <li><a href="#" id="profileViewButton">VIEW</a></li>
                            <li><a href="#" id="profileEditButton">EDIT</a></li>
                        </ul>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>

            <div class="advancedTopMenu">
                <ul>
                    <li class="navigation"><a href="#" id="addBookButtonMain">ADD BOOK</a></li>
                    <li class="navigation"><a href="#" id="publishBookButton">PUBLISH BOOK</a> </li>
                    <li class="navigation"><a href="#" id="deleteBookButton">DELETE BOOK</a> </li>
                    <li class="navigation"><a href="#" id="forPublicationBooksButton">BOOKS FOR PUBLICATION</a> </li>
                    <li class="navigation"><a href="#">PROFILE</a> 
                        <ul class="paddingList">
                            <li><a href="#" id="profileViewButton">VIEW</a></li>
                            <li><a href="#" id="profileEditButton">EDIT</a></li>
                        </ul>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="moderatorTopMenu">
                <ul>
                    <li class=" navigation"><a href="#">BOOKS ACTIONS</a>
                        <ul class="paddingList">
                            <li><a href="#" id="addBookButtonMain">ADD BOOK</a></li>
                            <li><a href="#" id="publishBookButton">PUBLISH BOOK</a></li>
                            <li><a href="#" id="deleteBookButton">DELETE BOOK</a></li>
                            <li><a href="#" id="forPublicationBooksButton">BOOKS FOR PUBLICATION</a> </li>
                            <li><a href="#" id="forPublicationBooksGuestButton">BOOKS FOR APPROVING</a> </li>
                        </ul> 
                    </li>
                    <li class="navigation"><a href="#">REPORTS</a> 
                        <ul class="paddingList">
                            <li><a href="#" id="reportOneButton">REPORT #1</a></li>
                            <li><a href="#" id="reportTwoButton">REPORT #2</a></li>
                            <li><a href="#" id="reportThreeButton">REPORT #3</a></li>
                            <li><a href="#" id="reportFourButton">REPORT #4</a> </li>
                        </ul> 
                    </li>
                    <li class="navigation"><a href="#" id="userBanButton">BAN USER</a> </li>
                    <li class="navigation"><a href="#">PROFILE</a> 
                        <ul class="paddingList">
                            <li><a href="#" id="profileViewButton">VIEW</a></li>
                            <li><a href="#" id="profileEditButton">EDIT</a></li>
                        </ul>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="librarySwitcherGuest">
                <ul>
                    <li><a href="#" class="globalLibraryNoneActive">GLOBAL LIBRARY</a></li>
                </ul>
            </div>
            <div class="librarySwitcherOthers">
                <ul>
                    <li><a href="#"><span class="" id="localLibraryActive">LOCAL LIBRARY</span></a></li>
                    <li><a href="#"><span class="globalLibraryActive" id="globalLibraryActive">GLOBAL LIBRARY</span></a></li>
                </ul>
            </div>
            
            
            <!-- admin's page starts here-->
            
        </div> <!--end of wrapper-->
    </body>
</html>
